<!--
    -  Copyright (c) 2018-2025, haohanwork.com All rights reserved.
  -->
<template>
    <div class="execution">
        <basic-container>
          <div class="headerBox">
            <el-row>
              <el-col :span="4">
                <img src="images/12.jpeg" alt="用户头像">
              </el-col>
              <el-col :span="4" class="companyData">
                <h4>{{this.$route.query.supplierName}}</h4>
                <el-rate v-model="this.$route.query.supplierLevel" style="margin-bottom: 10px;"></el-rate>
                <el-link type="primary">如何提升星级？</el-link>
              </el-col>
              <el-col :span="2" class="details">
                <img src="images/icon2.png" alt="商品">
                <p>商品<span>100</span></p>
              </el-col>
              <el-col :span="2" class="details">
                <img src="images/icon2.png" alt="订单">
                <p>订单<span>100</span></p>
              </el-col>
              <el-col :span="2" class="details">
                <img src="images/icon2.png" alt="退货">
                <p>退货<span>100</span></p>
              </el-col>
              <el-col :span="2" class="details">
                <img src="images/icon2.png" alt="参与竞争">
                <p>参与竞争<span>100</span></p>
              </el-col>
              <el-col :span="2" class="details">
                <img src="images/icon2.png" alt="货款">
                <p>货款<span>100</span></p>
              </el-col>
            </el-row>
          </div>
        </basic-container>

        <basic-container  class="contentBox">
          <div class="basic">
            <h2 class="io-goods-detail">
              基础信息
            </h2>
            <template>
              <el-row class="io-goods-detail basic-information">
                <el-col :span="7"><div class="grid-content bg-purple">联系人:{{this.$route.query.contact}}</div></el-col>
                <el-col :span="7"><div class="grid-content bg-purple-light">手机号:{{this.$route.query.telephone}}</div></el-col>
                <el-col :span="7"><div class="grid-content bg-purple"></div>类型:{{this.$route.query.supplierType}}</el-col>
              </el-row>
              <el-row class="io-goods-detail basic-information">
                <el-col :span="7"><div class="grid-content bg-purple-light"></div>电话:{{this.$route.query.telephone}}</el-col>
                <el-col :span="7"><div class="grid-content bg-purple">详细地址:{{this.$route.query.address}}</div></el-col>
                <el-col :span="7"><div class="grid-content bg-purple-light">消息推送:{{this.$route.query.needPush}}</div></el-col>
              </el-row>
              <el-row class="io-goods-detail basic-information">
                <el-col :span="7"><div class="grid-content bg-purple"></div>后台启用:{{this.$route.query.needPush}}</el-col>
                <el-col :span="7"><div class="grid-content bg-purple"></div>小程序启用:{{this.$route.query.needPush}}</el-col>
              </el-row>
            </template>
          </div>


          <div class="finance">
            <h2 class="io-goods-detail">
              财务信息
            </h2>
            <template>
              <el-row class="io-goods-detail basic-information">
                <el-col :span="7"><div class="grid-content bg-purple">开户名称:</div></el-col>
                <el-col :span="7"><div class="grid-content bg-purple-light">开户银行:</div></el-col>
                <el-col :span="7"><div class="grid-content bg-purple"></div>银行账号:</el-col>
              </el-row>
              <el-row class="io-goods-detail basic-information">
                <el-col :span="7"><div class="grid-content bg-purple-light"></div>发票抬头:</el-col>
                <el-col :span="7"><div class="grid-content bg-purple">税号:</div></el-col>
                <el-col :span="7"><div class="grid-content bg-purple-light">账期:</div></el-col>
              </el-row>
            </template>
          </div>

          <div class="grade">
            <h2 class="io-goods-detail">
              历史评分信息
            </h2>
            <template>
              <el-table
                :data="tableData"
                border
                style="width: 100%;"
                align="center"
                >
                <el-table-column
                  prop="discussPerson"
                  label="评价人"
                  width="400"
                  align="center"
                  >
                </el-table-column>
                <el-table-column
                  prop="discussTime"
                  label="评论时间"
                  width="400"
                  align="center"
                  >
                </el-table-column>
                <el-table-column
                  prop="discussExplain"
                  label="评论说明"
                  width="400"
                  align="center"
                  >
                </el-table-column>
                <el-table-column
                  prop="discussScore"
                  label="评论得分"
                  width="400"
                  align="center"
                  >
                </el-table-column>
              </el-table>
            </template>
          </div>



        </basic-container>
    </div>
</template>

<script>
    export default {
        name: 'supplierorder',
        data() {
            return {
              star:'',
              tableData: [{
                discussPerson: '2016-05-02',
                discussTime: '王小虎',
                discussExplain: '上海市普陀区金沙江路 1518 弄',
                discussScore:'1213'
              }]
            }
        },

        methods: {

            /**
             * 页面跳转，商品
             */
            jumpToDetail() {
                this.$router.push({path:'/supplierorder/showDetail'})
            },
        }

    }
</script>

<style lang="scss" scoped>
  .io-goods-detail{
    text-align: center;
  }
  .companyData{
    h4{
      font-size: 24px;
      font-weight: 400;
      margin: 10px 0;
    }
  }
  .details{
    text-align: center;
    img{
      margin: 30px 0;
    }
  }
  .contentBox{
    .io-goods-detail{
      margin-left: 10px;
    }
    .settle-accounts{
      text-align: right;
    }
    .basic-information {
      margin-top: 20px;
      font-weight: inherit;
    }
    .return-btn{
      height: 100px;
      width: 100%;
      text-align: center;
      line-height: 100px;
    }
    .tabContent{
      padding-left: 10px;
      .el-tabs__item{
        font-size: 20px;
      }
    }
    .finance,.basic,.grade{
      margin-bottom: 20px;
      h2{
        background-color: #eee;
        margin-left: 0;
        padding-left: 10px;
      }
    }
  }

#CX {
  text-align: center;
}
</style>
